body{
    margin-top: 0;
    margin-left:auto;
    color:#FFF;
}

.mask{
    width:100%;
    height:100%;
    background-color:#FFF;
    position:absolute;
    left:0px;
    top:0px;
    z-index: 2000;
}

.index-main {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (min-width: 768px)and (min-height: 720px){
    .index-main-body {
        min-height:720px;
        min-width:360px;
    }
}
.index-main-body {

}

.index-head{
    text-align: center;

}
.index-head .logo{
    font-size: 72px;
    padding-bottom:20px;
}
.index-head .subtitle{
    font-size:20px;
    padding-bottom: 20px;
}

.btn-login{
    width:100%;
    border:0px;
    border-radius: 0px;
}

.checkbox-login{
    padding-top:7px;
    padding-bottom: 7px;
}

.background-video{
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
    z-index:-1;
    min-height:720px;
    overflow:hidden
}
.background-video-mask{
    width:100%;
    height:100%;
    background-color:#000;
    opacity:0.5;
    position:absolute;
    left:0px;
    top:0px;
}
.background-video-video{
    min-height: 100%;
    min-width:100%;
}


.form-group {
    margin-bottom: 0px;
}
.form-control{
    border:0px;
    border-radius: 0px;
    height:50px;
}


